.areabox {background:#fff;width:430px;}
.areabox .tab-content {width:408px;height:210px;padding:5px 0;margin-top:-1px;}
.areabox .nav-tabs{padding:0;margin:0;-webkit-padding-start:0px;}
.areabox .tab-content ul{ padding:0;margin:0;-webkit-padding-start:0px;}
.areabox .tab-content li{width:68px;height:35px;line-height: 35px; float:left;cursor:pointer;font-weight: 500;color:#555;}
.areabox .tab-content li.on{background:#d9edf7}
.areabox .tab-content li{
    display:block;/*内联对象需加*/
    word-break:keep-all;/* 不换行 */
    white-space:nowrap;/* 强制在同一行内显示所有文本，直到文本结束或者遭遇 br 对象。不换行 */
    overflow:hidden;/* 内容超出宽度时隐藏超出部分的内容 */
    text-overflow:ellipsis;/* IE 专有属性，当对象内文本溢出时显示省略标记(...) ；需与overflow:hidden;一起使用。*/
}
